
[#include "single/layout/layout02/layout.ftl"/]
[@htmlHead]
<link href="${jpath}/assets/public/plugins/jqGrid/css/ui.jqgrid-bootstrap.css" rel="stylesheet" type="text/css"/>
[/@htmlHead]

[@htmlBody]
<div class="row">
    <div class="col-xs-12">
        <ul class="nav nav-tabs ">
            <li class="active">
                <a href="javascript:void(0)">
                    邮件账号
                </a>
            </li>
        </ul>
    </div>
</div>
<form class="form-horizontal " id="search-form">
    <div class="form-group ">

        <label class="col-xs-12 col-sm-1 control-label">系统：</label>

        <div class="col-xs-4 col-sm-2">
            <select name="appKey" class="form-control ">
                <option value=""></option>
                [#if appList?exists]
                    [#list appList as app]
                        <option value="${app.appKey}">${app.appKey}</option>
                    [/#list]
                [/#if]
            </select>

        </div>


        <label class="col-xs-12 col-sm-1 control-label">邮箱类型：</label>

        <div class="col-xs-4 col-sm-2">
            <input type="text" name="mailBoxType" class="form-control "/>
        </div>

        <div class="col-xs-12 col-sm-2">
            <button class=" btn btn-info btn-sm" type="button" onclick="doMailAccountSearch()"><i class="ice-icon fa fa-search"></i>查找
            </button>
        </div>
    </div>
</form>

<div class="row">
    <div class="col-xs-12 mrg-b-md">
        <div id="indexAlert" class="hide" style="min-width:400px"></div>
        <button class="btn btn-primary  btn-sm" onclick="doMailAccountAdd()">
            <i class="ice-icon fa fa-plus  white"></i>增加
        </button>
        <button class="btn btn-danger btn-sm" onclick="doMailAccountDelete()">
            <i class="ice-icon fa fa-trash-o  white"></i>删除
        </button>
    </div>

</div>

<div id="indexAlert" class="hide" style="min-width:400px"></div>

<div class="row">
    <div class="col-xs-12">
        <table id="jqGrid" class="grid_auto"></table>
        <div id="jqGridPager"></div>
    </div>
</div>

[/@htmlBody]

[@htmlFoot]
<script src="${jpath}/assets/public/plugins/dialog/bootbox.js" type="text/javascript"></script>
<script type="text/javascript" src="${jpath}/assets/public/plugins/jqGrid/i18n/grid.locale-cn.js"></script>
<script type="text/javascript" src="${jpath}/assets/public/plugins/jqGrid/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="${jpath}/assets/public/plugins/jqGrid/jqGrid-extends.js"></script>
<script src="${base}/plugins/single/js/module/mail/mail.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        loadMailAccountData();
    });

    page_handlers.resize_handler=function(){
        jqGrids.auto_size();
    };
</script>

[/@htmlFoot]